{% extends base_template %}
{% load i18n %}
{% load url from future %}

{% block extrastyle %}{{ block.super }}
<style type="text/css">
  body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
  }

  .form-signout {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
  }

  .form-signout h2, .form-signout p{margin-bottom: 10px;}

</style>
{% endblock %}

{% block body %}
<div class="container">

  <div class="form-signout">
    <h2>{% trans "Logout Success" %}</h2>
    <p>{% trans "Thanks for spending some quality time with the Web site today." %}</p>
    <p class="btn-group">
      <a href="#" onclick="javascript:window.close();" class="btn btn-primary">{% trans 'Close Window' %}</a>
      <a href="{% url 'admin:index' %}" class="btn">{% trans 'Log in again' %}</a>
    </p>
  </div>

</div> <!-- /container -->

{% endblock %}
